@primary-color: #1890ff;

.task-card {
    width: 100%;
    background-color: #fff;
}

.task-header {
    display: flex;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid #eee;

    .task-header-txt {
        flex: 1;
        font-size: 16px;

        .task-count {
            margin-left: 5px;
            color: @primary-color;
        }
    }
}

.task-content {
    padding: 16px;
    color: @primary-color;

    .current-date {
        color: #ccc;
    }
}

.btn-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;

    .location-sign {
        color: #ccc;
    }
}

.msg-container {
    overflow: hidden;
}

.msg-wrapper {
    display: flex;
    align-items: center;
    transition-duration: 0.2s;

    .msg-item {
        width: 100%;
        flex-shrink: 0;
    }
}

::ng-deep .task-card .ant-popover-inner-content {
    padding: 12px 16px;
}